
<div *ngIf="message">
    <h2><span>Message</span> {{message.id}}</h2>
    <hr>
    <jhi-alert-error></jhi-alert-error>
    <dl class="row-md jh-entity-details">
        <dt><span>Message Id</span></dt>
        <dd>
            <span>{{message.messageId}}</span>
        </dd>
        <dt><span>User Id</span></dt>
        <dd>
            <span>{{message.userId}}</span>
        </dd>
        <dt><span>Avatar</span></dt>
        <dd>
            <span>{{message.avatar}}</span>
        </dd>
        <dt><span>User Name</span></dt>
        <dd>
            <span>{{message.userName}}</span>
        </dd>
        <dt><span>To User Id</span></dt>
        <dd>
            <span>{{message.toUserId}}</span>
        </dd>
        <dt><span>Message</span></dt>
        <dd>
            <span>{{message.message}}</span>
        </dd>
        <dt><span>Time</span></dt>
        <dd>
            <span>{{message.time | date:'medium'}}</span>
        </dd>
        <dt><span>Message Type</span></dt>
        <dd>
            <span>{{message.messageType}}</span>
        </dd>
        <dt><span>Status</span></dt>
        <dd>
            <span>{{message.status}}</span>
        </dd>
    </dl>

    <button type="submit"
            (click)="previousState()"
            class="btn btn-info">
        <span class="fa fa-arrow-left"></span>&nbsp;<span> Back</span>
    </button>

    <button type="button"
            [routerLink]="['/', { outlets: { popup: 'message/'+ message.id + '/edit'} }]"
            replaceUrl="true"
            class="btn btn-primary">
        <span class="fa fa-pencil"></span>&nbsp;<span> Edit</span>
    </button>
</div>
